@extends('layouts.app')

@section('content')
<style>
    body{
        background: url(/img/33.png) no-repeat top center;
        height: 900px;
        position: relative;
    }
    .list{
        height: 140px;
        width:726px;
        background: url(/img/32.png);
        margin: 0 auto;
        padding: 24px 14px 0 18px;
    }
    .list .one{
        font: 18px '微软雅黑';
        color: #fff;
        margin-bottom: 8px;
    }
    .list .two{
        font: 15px '微软雅黑';
        color: #fff;
        line-height: 40px;
        text-indent: 2em;
    }
    .but{
        display: block;
        width: 360px;
        height: 45px;
        background: url(/img/31.png);
        margin: 34px auto 0;
    }
    .bott{
        height: 95px;
        background: url(/img/7.png);
        position: absolute;
        width: 100%;
        bottom: 0;
    }
    .bott ul{
        width: 960px;
        margin:0 auto 0;
    }
    .bott ul li{
        float: left;
        font: 18px '微软雅黑';
        color: #fff;
        position: relative;
        top: 37px;
    }
    .bott ul li.t2{
        left: 0;
    }
    .bott ul li.t2{
        left: 119px;
    }
    .bott ul li.t3{
        left: 280px;
    }
    .bott ul li.t4{
        left: 488px;
    }
</style>
<div style="height: 340px;"></div>
<div class="list">
    <p class="one">答题须知</p>
    <p class="two">
        欢迎参加部机关“礼赞百年·知史爱党”青年党史知识竞赛线上答题。
        本次答题时间为 {{ $setting->get('test_time') }} 分钟，共 {{ $selectedCount }} 题，每题 {{ $setting->get('pre_score') }} 分。
        每人共有 3 次答题机会，您还有 {{ 3 - $testCount }} 次机会。
        答题完成后点击“提交”按钮即可显示成绩。
    </p>
</div>
<a class="but" href="{{ route('test') }}"></a>
<div class="bott">
    <ul>
        <li class="t1">用户名：{{ $user->username }}</li>
        <li class="t2">单位：{{ $user->unit->name }}</li>
        <li class="t3">
            <a href="javascript:void(0)" onclick="if (confirm('是否确认退出！')) {$('#logout-form').submit();}" style="color: #FFF;">退出</a>

            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                @csrf
            </form>
        </li>
        <li class="t4">共产党员网技术支持</li>
    </ul>
</div>
@endsection
